<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;">
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
	<script src="${ctx}/js/controllers/mall/getCoupons.js" type="text/javascript"></script>
<style type="text/css">
.buttonEdit{
	color: #fff;
    background: #7ECFE0;
    border: none;
    height: 30px;
    line-height: 30px;
    width: 60px;
}
.Cancle{
	color: #7ECFE0; 
	background:#fff;
	border:1px solid #7ECFE0;
	height: 30px;
    line-height: 30px;
    width: 60px;
}
body{
	/* min-height:300px; */
}
.box{
	padding-left: 30px;
	padding-top: 1px;
}
.foot{
	margin-top: 30px;
}
.none{
	text-align: center;
    padding-top: 30px;
    font-family: "微软雅黑";
}
.name{
	font-family: "微软雅黑";
}
</style>
</head>

<body>
	<div>
		<c:if test="${not empty couponInfoList}">
		<!-- <p><span><input type="checkbox" name="checkAll" id="all" onclick="selectAll(this)"></span><span>  全选</span></p> -->
		<div id="checkCoupon" class="box">
			<c:forEach items="${couponInfoList}" var="couponInfo" varStatus="couponInfoStatus">
				<p >
					<span>
						<input class="${couponInfo.id}" name="coupon" type="checkbox"  id="couponInfo${couponInfo.id}" onclick="selectOne('${couponInfo.id}',this)">
					</span>
					<span class="name">
						${couponInfo.name}
					</span>
				</p>
			</c:forEach>
		</div>
		</c:if>
		<c:if test="${empty couponInfoList}">
			<p class="none">暂无优惠劵信息！</p>
		</c:if>
	</div>
	<div class="foot">
		<c:if test="${ not empty couponInfoList}">
			<div style="float:left;margin-left:37%;">
				<button style="" class="buttonEdit" onclick="save($('input[type=checkbox]'));">保&nbsp;&nbsp;存</button>
			</div>
			<div style="float:left;padding-left:1%;margin-left:10px;">
				<button style="" class="Cancle" onclick="back();">取&nbsp;&nbsp;消</button>
			</div>
		</c:if>
		<c:if test="${ empty couponInfoList}">
			<div style="float:left;margin-left:39%;">
				<button style="" class="buttonEdit" onclick="back();">返&nbsp;&nbsp;回</button>
			</div>
		</c:if>
	</div>

<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
</script>
</body>
</html>